<template>
	<view class="page_empty" :style="{paddingTop:paddingTop}">
		<list-empty :defaultIcon="defaultIcon" status="empty" :text="emptyText"></list-empty>
		<view class="return_btn t-c" @tap.stop="bindBtn">{{btnText}}</view>
	</view>
</template>

<script>
export default {
	props:{
		paddingTop:{//是否自定义头部了
			type:String,
			default:'0rpx'
		},
		defaultIcon:{ // 图标类型（图片不同）
			type:[Number,String],
			default:1
		},
		emptyText:{ // 提示文本
			type:String,
			default:'暂无数据'
		},
		btnText:{ // 按钮文本
			type:String,
			default:'返回首页'
		}
	},
	data(){
		return {
		};
	},
	methods:{
		bindBtn(){
			this.$emit('comEmptyBtn');
		}
	}
};
</script>

<style lang="scss">
	.page_empty{
		.return_btn{
			margin: 0 auto;
			width: 350rpx;
			line-height: 92rpx;
			color: #fff;
			background-image: -webkit-linear-gradient(right, #7f4aff 0%, #9254ff 100%);
			background-image: linear-gradient(270deg, #7f4aff 0%, #9254ff 100%);
			border-radius: 16rpx;
		}
	}
</style>
